/* ====================================== toast  ====================================== */
import React from 'react'
// =====================================================================
const { $Lazy } = window
// ===================================================================== Comonent
const FormItem 	= $Lazy.load(()=>import('@antd/form/layout/item'))
const Input 	= $Lazy.load(()=>import('@antd/form/input'))
// ===================================================================== Select
class Index extends React.Component {
	state = { 
		
	}

	render(){
		let  { size, clear, name = [], readOnly, bordered, required } = this.props
		
		const props = { 
			size, 
			readOnly, 
			bordered, 
			clear
		}
		return (
			<div className='fx lh30'>
				<FormItem className='ex' name={ name?.[0] } mb={10} rules={[ {required, message:'请输入范围开始'} ]}>
					<Input p='范围开始' {...props} mode='number' />
				</FormItem>
				<div className='f12 tc' style={{width:30}}>至</div>
				<FormItem className='ex' name={ name?.[1] } mb={10} rules={[ {required, message:'请输入范围结束'} ]}>
					<Input  p='范围结束' {...props} mode='number' />
				</FormItem>
			</div>
		)
	}
}
export default Index